Personal notes on using D3.js for data visualization.
2025-07-27
D3.js is a powerful JavaScript library for creating dynamic and interactive data visualizations in web browsers. It uses HTML, SVG, and CSS to bring data to life.
D3 brush
The D3 brush is a powerful feature that allows users to select a portion of the data displayed in a visualization. It can be used to zoom in on specific areas or filter data based on user interaction. Here are some behaviours associated with the keyboard behaviours of the D3 brush:
- Meta
: click and drag to move the brush selected region.
- Alt
: expanding the brush both ways around the current position.
- Space
: locks the current brush size.